<template>
	<view class="w-card">
		<view class="w-cardtop">
			<image class="title-images" src="@/static/mail-unread.png" />
			<text class="name">{{title.name}}</text>
		</view>
		<view class="w-cardcentent">
			<text class="texts">
				{{title.texts}}
			</text>
		</view >
		<view class="w-cardbottom">
			<text class="date">
				{{title.date}}
			</text>
			<view>123</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "uni-wcard",
		data() {
			return {

			};

		},
		props: ["title"]

	}
</script>

<style scoped>
	.w-card {
		width: 694rpx;
		/* height:220rpx; */
		background-color: rgba(255, 255, 255, 1);
		/* 	margin:auto; */
		border-radius: 8rpx;
		margin: 0px 14px 10px 14px;
	}

	.w-cardtop {
		padding: 32rpx 0rpx 0rpx 28rpx;
	}

	.w-cardcentent {
		padding: 20rpx 0rpx 20rpx 28rpx;
		border-bottom: 2rpx solid rgba(0, 0, 0, 0.06)
	}

	.w-cardbottom {
		padding: 26rpx 28rpx 26rpx 28rpx;
		justify-content: space-between;
		display: flex;
	}

	.name {
		font-size: 32rpx;
		margin-left: 22rpx;
		ont-weight:500;
		color:rgba(0, 0, 0, 0.85);
	}

	.texts {
		font-size: 30rpx;
		color:rgba(0, 0, 0, 0.65);
	}

	.date {
		font-size: 30rpx;
		color:rgba(0, 0, 0, 0.45);
	}

	.title-images {
		width: 40rpx;
		height: 24rpx;
	}
	
</style>